<template>
  <Header></Header>
  <div class="home">
    <banner></banner>
    <message></message>
    <Menu></Menu>
   <Transaction></Transaction>
    <CoinList></CoinList>
  </div>
  <Footer ></Footer>
</template>

<script>
import {defineComponent} from "vue";
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import Banner from "@/components/market/banner/Banner.vue";
import Message from "@/components/market/message/message.vue";
import Menu from "@/components/market/menu/Menu.vue";
import Transaction from "@/components/market/transaction/Transaction.vue";
import CoinList from "@/components/market/coinlist/CoinList.vue";
import QuickBuy from "@/components/market/quickbuy/QuickBuy.vue";
export default defineComponent({
  components: { QuickBuy, CoinList, Transaction, Menu, Message, Banner, Footer, Header}
})
</script>

<style>
.home{
  min-height: calc(100vh - 100px); /* 100vh - 50px(页眉) - 50px(页脚) */
  width: 99%;
  padding-top: 50px; /* 页眉的高度 */
  padding-bottom: 50px; /* 页脚的高度 */
}
</style>
